<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Author" content="odini84@gmail.com" />
	<title>HTML LINK VIEWER</title>
	<style type="text/css">
		* { margin: 0; padding: 0; }
		body, h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: 1.5; font-family: Tahoma; }
		li { list-style: none; }
		h1 { font-size: 14px; background: #eee; padding: 10px;}
		h2 { padding: 5px; text-align: center; }
		a:focus { outline: none; }
		/* 메인 링크 */
		#frameLinkMain { height: 25px; line-height: 25px; text-align: center; border-top: 2px solid #333; background: #ddd; }
		#frameLinkMain a { display: block; height: 100%; }
		/* 모든 리스트 */
		#allListCtrl { overflow: hidden; margin-top: 5px; margin-bottom: 5px; }
		#allListCtrl button { display: block; width: 100%; height: 100%; }
		/* 카테고리 display 컨트롤 */
		#list li button { vertical-align: middle;  display: inilne-block; overflow: visible;  padding: 0 5px; cursor: pointer; font-family: Verdana; font-size: 11px; }
		/* 불릿 생성 */
		#list li span.bullet { display: block; position: absolute; left: 5px; _left: -10px; top: 8px; width: 3px; height: 3px; font-size: 0; line-height: 0; background: #fe0485; }
		#list li li span.bullet { background: #59981e; }
		/* 상태 기본 */
		#list { position: relative; border-top: 2px solid #333; }
		#list li { position: relative; margin-top: 5px; padding: 2px 0 2px 15px; font-weight: bold; font-size: 11px;font-family: Dotum; }
		#list li li { margin-top: 0; padding-top: 0; padding-bottom: 0; }
		#list li span.tit { position: relative; display: block; margin-right: 5px; cursor: pointer; padding: 3px 0; font-family: Tahoma;}
		#list li span.tit .now { color: #ff0000; font-weight: bold; font-size: 12px;}
		#list li button { font-size: 11px; }
		#list li ul { position: relative; display: none; }
		#list li.show ul { display: block; }
		#list li a { display: inline-block; width: 100%; *zoom: 1; padding: 3px 0; text-decoration: none; color: gray; font-weight: normal; }
		#list li a.now, 
		#list li a:hover { font-weight: bold; letter-spacing: -1px; background: #ccc; }
		#list li a:after { font-weight: bold;	content: "[대기]"; color: gray; margin-left: 10px; }
		/* 미완료 */
		#list li.p a { color: red; font-size: 14px; font-weight: bold; }
		li.p a:after { content: "[미완료]"; color: red; }
		/* 완료 */
		#list li.s a { color: blue; }
		#list li.s a:after { content: "[완료]"; color: blue; }
		/* 페이지 정보  */
		#pageStatus { padding: 10px; border-top: 2px solid #000; }
		#pageStatus li span { font-weight: bold; }
		#pageStatus .total-page span { color: black; }
		#pageStatus .sc-page span { color: blue; }
		#pageStatus .rest-page span { color: red; }
	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div>
	<h1>Site Map &mdash; Version 1.1</h1>
	<h2>DGG</h2>
	<ul id="pageStatus">
		<li class="total-page">
			총 페이지 :
			<span class="total"></span>
		</li>
		<li class="sc-page">
			완료 페이지 :
			<span class="success"></span>
		</li>
		<li class="rest-page">
			미완료 페이지 :
			<span class="rest"></span>
		</li>
	</ul>
	<p id="allListCtrl">
		<button type="button">모두 열기</button>
	</p>
	<ul id="list">
		<li>
			<span class="tit">메인</span>
			<ul>
				<li class="s"><a href="../index.html" target="viewContent">메인</a></li>
			</ul>
		</li>
		<li>
			<span class="tit">가이드</span>
			<ul>
				<li class="s"><a href="../0.ele_guide.html" target="viewContent">엘리먼트 가이드</a></li>
				<li class="s"><a href="../0.sub_guide.html" target="viewContent">레이아웃 가이드</a></li>
			</ul>
		</li>
		<li>
			<span class="tit">해외진출</span>
			<ul>
				<li class="s"><a href="../overseas.html?page=dgg_about" target="viewContent">dgg - dgg소개</a></li>
				<li class="s"><a href="../overseas.html?page=dgg_use" target="viewContent">dgg - dgg이용안내</a></li>
				<li class="s"><a href="../overseas.html?page=dgg_ex" target="viewContent">dgg - dgg적용사례</a></li>
				<li class="s"><a href="../overseas.html?page=dgg_pg" target="viewContent">dgg - 해외결제 pg신청</a></li>
				<li class="s"><a href="../overseas.html?page=dgg_malltail" target="viewContent">dgg - 몰테일</a></li>
				<li class="s"><a href="../overseas.html?page=dgg_groupon" target="viewContent">dgg - 그루폰</a></li>
				<li class="s"><a href="../overseas.html?page=jp_trans" target="viewContent">일본 - 메이크트렌스</a></li>
				<li class="s"><a href="../overseas.html?page=jp_jp" target="viewContent">일본 - 메이크샵 재팬</a></li>
				<li class="s"><a href="../overseas.html?page=cn_makemall" target="viewContent">중국 - 메이크몰</a></li>
				<li class="s"><a href="../overseas.html?page=cn_kadianwang" target="viewContent">중국 - 카디엔왕</a></li>
				<li class="s"><a href="../overseas.html?page=crop_makeshop" target="viewContent">해외법인 - 왜메이크샵?</a></li>
				<li class="s"><a href="../overseas.html?page=crop_jp" target="viewContent">해외법인 - 일본</a></li>
				<li class="s"><a href="../overseas.html?page=crop_cn" target="viewContent">해외법인 - 중국</a></li>
				<li class="s"><a href="../overseas.html?page=crop_usa" target="viewContent">해외법인 - 미국</a></li>
			</ul>
		</li>
		<li class="show">
			<span class="tit">지원기능</span>
			<ul>
				<li class="s"><a href="../support.html" target="viewContent">지원기능_가이드</a></li>
				<li><a href="../spt_dgg.html" target="viewContent">몰테일 DGG</a></li>
				<li><a href="../spt_edgebook_connect.html" target="viewContent">엣지북 커넥티드</a></li>
				<li><a href="../spt_beecon_premium.html" target="viewContent">비콘 프리미엄</a></li>
				<li class="s"><a href="../spt_malltail.html" target="viewContent">해외배송 몰테일</a></li>
				<li class="s"><a href="../spt_shopfree.html" target="viewContent">신용카드 샵프리엔</a></li>
				<li><a href="../spt_twtsale.html" target="viewContent">트윗세일</a></li>
				<li><a href="../spt_tagstory.html" target="viewContent">태그스토리</a></li>
				<li class="s"><a href="../spt_premium_mail.html" target="viewContent">프리미엄메일(업데이트예정)</a></li>
				<li><a href="../spt_pg.html" target="viewContent">PG/통합결제</a></li>
				<li class="s"><a href="../spt_sms.html" target="viewContent">핸드폰 문자발송 SMS</a></li>
				<li class="s"><a href="../spt_imgbank.html" target="viewContent">이미지호스팅 신이미지뱅크</a></li>
				<li><a href="../spt_beebank.html" target="viewContent">비뱅크 자동입금확인</a></li>
				<li class="s"><a href="../spt_connect_state.html" target="viewContent">접속통계</a></li>
				<li class="s"><a href="../spt_plus_mail.html" target="viewContent">플러스 메일</a></li>
				<li class="s"><a href="../spt_parcel_box.html" target="viewContent">택배박스</a></li>
				<li class="s"><a href="../spt_tax.html" target="viewContent">세무서비스</a></li>
				<li class="s"><a href="../spt_realname.html" target="viewContent">실명인증</a></li>
				<li><a href="../spt_vpn.html" target="viewContent">VPN</a></li>
				<li><a href="../spt_etiquette.html" target="viewContent">엣티켓 쿠폰서비스</a></li>
				<li class="s"><a href="../spt_venture.html" target="viewContent">벤처스퀘어</a></li>
				<li><a href="../spt_market_connected.html" target="viewContent">마켓 커넥티드</a></li>
				<li><a href="../spt_sns.html" target="viewContent">4대 소셜쇼핑 입점</a></li>
				<li><a href="../spt_edgeday.html" target="viewContent">오픈소셜쇼핑 엣지데이</a></li>
				<li><a href="../spt_cyword_scrap.html" target="viewContent">싸이월드 스크랩</a></li>
				<li><a href="../spt_clog.html" target="viewContent">C로그 공감</a></li>
				<li><a href="../spt_tail_list.html" target="viewContent">테일리스트 글로벌</a></li>
				<li><a href="../spt_koreaholic.html" target="viewContent">코리아홀릭</a></li>
				<li><a href="../spt_8gram.html" target="viewContent">8그램</a></li>
			</ul>
		</li>
		<li>
			<span class="tit">파워기능</span>
			<ul>
				<li class="s"><a href="../power.html" target="viewContent">파워기능_가이드</a></li>
				<li class=""><a href="../" target="viewContent"></a></li>
			</ul>
		</li>
		<li>
			<span class="tit">프리미엄</span>
			<ul>
				<li class="s"><a href="../premium.html" target="viewContent">프리미엄</a></li>
			</ul>
		</li>
		<li>
			<span class="tit">팝업</span>
			<ul>
				<li class="s"><a href="../overseas_help_mail.pop.html" target="viewContent">해외진출 문의</a></li>
			</ul>
		</li>
	</ul>
</div>
<script type="text/javascript">
	(function($){
		$(function(){
			// 모든 리스트 */
			$('#allListCtrl button').toggle(function(){
				$(this).text('모두 닫기');
				$('#list li ul').show();
			},function(){
				$(this).text('모두 열기');
				$('#list li ul').hide();
			});
			// 파일 리스트 display 컨트롤
			$('#list li .tit').click(function(){
				if($(this).next().css('display') == 'block') {
					$(this).next().css('display', 'none');
				}else {
					$(this).next().css('display', 'block');
				}
			});
			$('#list li .tit').hover(function(){
				$(this).css('background', '#ddd');
			});
			$('#list li .tit').mouseleave(function(){
				$(this).css('background', 'none');
			});
			// 파일 리스트 bullet 
			$('<span class="bullet"></span>').appendTo('#list li');
			// 현재 선택 리스트
			$('#list li a').click(function(){
				$('#list li a').removeClass('now');
				$(this).addClass('now');
			});
			// 미완료 페이지 카운트
			$('#list ul').each(function(){
				 _total = $('li', this).size(),
				_sucess = $('li.s', this).size(),
				_rest = _total - _sucess,
				_cate = $(this).parent().find('span').text();
				if(_rest == 0) {
				$(this).parent().css('border','1px solid #333').css('background','#eee');
				_txt = $(this).parent().find('span.tit').text(_cate+' (완료)');
				}else {
				_txt = $(this).parent().find('span.tit').html(_cate+'(<span class="now">'+_sucess+'</span>/'+_total+')');
				}
			});
			// 페이지 정보
			_total = $('#list ul li').size(),
			_sc =$('#list ul li.s').size(),
			_rest = _total - _sc ;
			$('#pageStatus li span.total').text(_total);
			$('#pageStatus li span.success').text(_sc);
			$('#pageStatus li span.rest').text(_rest);
		});
	})(jQuery);
</script>
</body>
</html>
